﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Celestial Home - Extracting every detail of your dream</title>
    <link rel="Stylesheet" type="text/css" href="css/master.css" />
    <link rel="Stylesheet" type="text/css" href="css/index.css" />
    <link rel="Stylesheet" type="text/css" href="css/browseproduct.css" />
    <script type="text/javascript" src="javascripts/login.js"></script>
    <script type="text/javascript" src="javascripts/browseProduct.js"></script>
    <script type="text/javascript" src="javascripts/helpers.js"></script>
    
	
</head>
<body>
<script type="text/javascript">window.onload = function (){
    cat = getParam("cat");
    browseProduct(cat);}</script>

<div id="divTitle">
<div id="divCustMenu">
<img src="images/user.png" alt="user" /><a id="aLogout" href="javascript:logout('login.html')">Logout</a><a id="aLogin" href="login.html">Login</a> |
<img src="images/cart.png" alt="cart" /><a href="construct.html">My Cart</a> | 
<img src="images/checkout.png" alt="checkout" /><a href="construct.html">Checkout</a>
</div>

<div id="divWelcome">Welcome</div>
</div>

<!-- Navigation Bar - common for all pages -->
<div id="divNavBar">
<ul>

<li><img src="images/home.png" alt="home"/><a href="index.html"> Home</a></li>

<li><img src="images/briefcase.png" alt="home"/><a href="about.html"> About Us</a></li>

<li><img src="images/chair.png" alt="home"/><a href="construct.html"> Products</a>
    <ul>
    <li><a href="construct.html">Bed Room</a>
        <ul>
        <li><a href="construct.html">Beds</a></li>
        <li><a href="construct.html">Cupboards</a></li>
        </ul>
    </li>
    <li><a href="construct.html">Dining Room</a>
        <ul>
        <li><a href="construct.html">Chairs</a></li>
         <li><a href="construct.html">Dining Tables</a></li>
        <li><a href="construct.html">Dining Table Sets</a></li>
        </ul>
    </li>
        
    <li><a href="construct.html">Living Room</a>
        <ul>
        <li><a href="construct.html">Coffee Tables</a></li>
        <li><a href="construct.html">Sofa</a></li>
        <li><a href="construct.html">Sofa Sets</a></li>
        <li><a href="construct.html">TV Cabinets</a></li>
        </ul>
    </li>
    <li><a href="construct.html">Study Room</a>
        <ul>
        <li><a href="construct.html">Desks</a></li>
        <li><a href="construct.html">Book Shelves</a></li>
        </ul>
    </li>
    </ul>
</li> <!--ends Products menu-->

<li><img src="images/design.png" alt="home"/><a href="construct.html"> Design</a>
    <ul>
    <li><a href="construct.html">Cupboard</a></li>
    <li><a href="construct.html">Home Theatre</a></li>
    </ul>
</li> <!--ends design menu-->
<li><img src="images/earth.png" alt="home"/><a href="construct.html"> Support</a>
    <ul>
    <li ><a href="contact.html">Contact Us</a></li>
    <li><a href="construct.html">Track Your Order</a></li>
    <li><a href="construct.html">Your Account</a></li>
    </ul>
</li> <!--ends support menu-->

<li id="lstManager"><img src="images/manager_tasks.png" alt="manager tasks" /><a href="customers.html"> Manager Tasks</a></li>
       
</ul>  <!--ends navigation menu-->
</div> <!--ends navigation division-->  

<div id="divMain">
<table id="BrowseProduct" class="broTable" ALIGN=CENTER>
<tr>
<td><img src="" id="P1" class="productImg" alt="Angry face" onmouseover="getProduct(this)" onmouseout="hideTooltip()"/>
     <input type="button" class="addCarButton" value="Add To Shopping Car" id="Add" /></td>
<td><img  src="" id="P2" class="productImg" alt="Angry face" onmouseover="getProduct(this)" onmouseout="hideTooltip()"/>
     <input type="button" class="addCarButton" value="Add To Shopping Car" id="Add" /></td>
<td><img  src="" id="P3" class="productImg" alt="Angry face" onmouseover="getProduct(this)" onmouseout="hideTooltip()"/>
<input type="button" class="addCarButton" value="Add To Shopping Car" id="Add" /></td>
</tr>

<tr>
<td><img  src="" id="P4" class="productImg" alt="Angry face" onmouseover="getProduct(this)" onmouseout="hideTooltip()"/>
<input type="button" class="addCarButton" value="Add To Shopping Car" id="Add" /></td>
<td><img  src="" id="P5" class="productImg" alt="Angry face" onmouseover="getProduct(this)" onmouseout="hideTooltip()"/>
<input type="button" class="addCarButton" value="Add To Shopping Car" id="Add" /></td>
<td><img  src="" id="P6" class="productImg" alt="Angry face" onmouseover="getProduct(this)" onmouseout="hideTooltip()"/>
<input type="button" class="addCarButton" value="Add To Shopping Car" id="Add" /></td>
</tr>
</table>
    <p class="page">
        <a href="JavaScript:handleBrowseResults(1)" id="Pre">
            <span class="arrow">&#171;&nbsp;</span>
 Pre</a>
          &nbsp;&nbsp;
        <a href="JavaScript:handleBrowseResults(0)" id="Next">
Next
<span class="arrow">&nbsp;&#187;</span>
        </a>
         
    </p>
</div>
<div id="divTooltip">
        <table id="tblProduct">
            <tbody id="tbdProuct">
                <tr>
                    <td id="tdProductName" colspan="2">Some Product Name</td>
                </tr>
                <tr>
                    <td id="tdDescription" colspan="2">Some Description</td>
                </tr>
                <tr>
                    <td class="tdLabels">Product ID:</td>
                    <td id="tdProductID">Some Product ID</td>
                </tr>
                <tr>
                    <td class="tdLabels">Price:</td>
                    <td id="tdPrice">$ 500.00</td>
                </tr>
                <tr>
                    <td class="tdLabels">Units:</td>
                    <td id="tdUnits">10</td>
                </tr>
            </tbody>
        </table>
    </div><!-- ends div tooltip-->


<div id="divFooter">
&#169 Copyright 2010 Celestial Home
    <div id="divFooterRight"> Site Design by Dream Architect</div>
</div>


</body>
</html>
